export default {
  bind(el, binding) {
    console.log(el, binding)
    var newElement = document.createElement('h1')
    newElement.textContent = binding.value.content
    el.appendChild(newElement)
  },
  update(el, binding) {
    console.log(el.querySelector('h1'))
    el.querySelector(
      'h1'
    ).innerHTML = `${binding.oldValue.content}->${binding.value.content}`
  },
  unbind(el) {
    el.querySelector('h1').remove()
    console.log(el)
  },
}
